/*estilo.CSS ################################# */ body{ background: rgb(70, 145, 100); } header{ text-align: center; } section{ background: white; border-radius: 10px;/*arredonda as bordas*/ padding: 15px;/*aumenta as margens*/ width: 500px; margin: auto;/*centrar caixa branca*/ box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.705); } footer{ color: white; text-align: center; font-style: italic; } div{ text-align: center; padding: 2px } /*estilo.CSS ################################# */ Document

Hora do dia

hora
foto manhã
// script.js ################################### function carregar(){ var msg=window.document.getElementById(`msg`) var img=window.document.getElementById(`imagem`) var data= new Date() var hora=data.getHours() //var hora=9 //testar msg.innerHTML=`Agora são ${hora} horas` if(hora >=0 && hora<12){ //bom dia img.src=`img/ma.jpeg` document.body.style.background=`#e2cd9f`//muda fundo da página }else if (hora>=12 && hora<18){ //boa tarde img.src=`img/tarde.jpeg` }else { //boa noite img.src=`img/noite.jpeg` } } // script.js ###################################